.head{
    border-bottom: 1px solid #ccc;
    position: static;
    background-color: #f1f1f1;
}
.head .head-two a{
    color: rgb(65, 65, 65);
}

.head-login a{
   color: rgb(65, 65, 65);
}

.head-login{
    border: 1px solid #ccc;
}

.head-two .active,
.head-two li:hover {
  border-bottom: 3px solid #00bdff;
}


/* 粒子插件 */
.canvas{
    width: 100%;
    height: 440px;
    background-color: #f1f1f1;
    position: relative;
}

canvas{
    position: absolute !important;
    width: 100%;
    height: 440px !important;
    z-index: 1 !important;
} 

/* 粒子插件里面的内容 */

 .canvas-main{
    width: 1200px;
    height: 260px;
    background-color: rgba(255, 252, 252, 0.1);
    position: absolute !important;
    top: 170px;
    left: 130px;
    z-index: 5;
}
.canvas-main .canvas-left .canvas-img1 {
    height: 100px;
    display: block;
    margin: 10px 30px 40px;

}
.canvas-main .canvas-left{
    width:260px;
    height: 100%;
    background-color: white;
    box-sizing: border-box;
    padding: 30px;
    margin-right: 50px;
}

.canvas-main .canvas-left p img{
    width: 20px;
    margin-bottom: 10px;
}
.canvas-main .canvas-left p span{
    font-size: 14px;
    color: #ccc;
}
.canvas-main .canvas-left .canvas-img2{
    margin-left: 65px;
}
.canvas-main .canvas-left p .canvas-span2{
    margin-left: 40px;
}

/* 粒子插件右边 */

.canvas-main .canvas-text h2 span{
    width: 50px;
    /* right: 50px; */
    font-size: 12px;
    border: 1px solid #00bdff;
    color: #00bdff;
    font-weight: normal;
    line-height: 60px;
    margin-right: 10px;
}

.canvas-text .canwas-text2{
    margin-bottom: 10px;
}
.canvas-text .canwas-text2 span {
    font-size: 14px;
    font-weight: bold;
    color:#f8aa39;
    margin-bottom: 20px;
}


.canvas-text .canwas-text3{
    height: 50px;
}
.canvas-text .canwas-text3 li{
    font-size: 12px;
    float: left;
    border: 1px solid #ccc;
    
    width:90px ;
    height: 25px;
    margin-top: 10px;
    line-height: 30px;
    margin-right: 20px;
    text-align: center;
}
.canvas-text .canwas-text3 .active{
    color: #00bdff;
    border-color: #00bdff;
    position: relative;
}
.canvas-text .canwas-text3 .on{
    color: #00bdff;
    border-color: #00bdff;
}
.canvas-text .canwas-text3 li .sm{
    width:160px ;
    height: 0px;
    position: absolute;
    top: 158px;
    left: 280px;
    transition: all 1s;
    overflow: hidden;

}

.canvas-text .canwas-text3 li:hover .sm{
    height: 160px;
}
.canvas-text .canwas-text3 li .sm img{
    width: 120px;
}
 .canwas-text3 li .sm p{
     line-height: 0px;
    text-align: center;
    margin-top: 5px;
}

.price{
    margin-top: 10px;
}
.price span {
    font-size: 16px;
    font-weight: bold;
    color: #fb5b5b;
  }

  button{
      width: 120px;
      height: 40px;
      background-color:#00bdff;
      border: none;
      color: white;
      margin-top: 20px;
  }

/* 选项卡 */

  .api-tab-menu-box {
    border-bottom: 2px solid #f4f4f4;
    height: 45px;
  }
  
  .api-tab-menu li {
    float: left;
    font-size: 16px;
    margin-right: 100px;
    line-height: 45px;
    cursor: pointer;
  }
  
  .api-tab-menu li.active {
    border-bottom: 2px solid #00bdff;
    color: #00bdff;
  }
  
/* .api-tab-cont > div {
    background: #aec7ec;
    font-size: 50px;
    line-height: 300px;
    text-align: center;
    display: none;
  } 
   */
  /* .api-tab-cont > div.on {
    display: block !important;
  } */

  .api-tab-cont .none{
    display: none;
}
.api-tab-cont .on{
    display: block;
}
  .api-tab-cont{
      box-sizing: border-box;
      padding: 40px 0px;
      margin-bottom: 40px;
  }

  .api-tab .api-tab-cont .api-tab-left{
      width: 900px;
      /* height: 1000px; */
      border: 2px solid #f4f4f4;
      font-size: 13px;
      line-height: 30px;
  }

  .api-tab-cont .api-tab-left .on h3{
      width: 160px;
      height: 40px;
      background-color:#00bdff ;
      line-height: 40px;
      text-align: center;
      color: white;
      margin-top: 20px;
  }

  .api-tab-cont .api-tab-left .api-table{
      margin: 40px 0;
  }

  .api-tab-cont .api-tab-left .api-table2 div{
      width: 900px;
      height: 300px;
      background-color: wheat;

  }

  .api-tab-cont .api-tab-left .api-table2 div p{
      margin-left: 40px;
  }
   .api-tab-cont .api-tab-left .api-table table {
    width: 900px;
    text-align: center;
    border-collapse: collapse;
    line-height: 30px;
  }

  td,
  th {
    border: 1px solid #ccc;
    /* border-right: none; */
  }




  /* 版心右边 */
.api-tab-cont .api-tab-right{
    width: 220px;
    height: 1000px;
    /* background-color: #ccc; */
  }

.api-tab-cont .api-tab-right p{
    margin-top: 10px;
  }
.api-tab-cont .api-tab-right p img{
    margin-bottom: 10px;
  }
.api-tab-bom li{
      margin: 30px 0;
      height: 70px;
      border-bottom: 1px solid #ccc;
      padding-bottom: 15px;
  }
.api-tab-bom li p{
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    margin: 15px 0px;
    box-sizing: border-box;
    padding: 12px 8px;
    margin-right: 20px;
}

.api-tab-bom li a{
    font-size: 16px;
    color: rgb(124, 123, 123);
   
   
}
.api-tab-bom li a span{
    display: block;
    font-size: 12px;
    color: rgb(124, 123, 123);
}

/*  试用产品  */

.free{
    width: 100%;
    height: 280px;
    background: url('../imgs/login-register-bg.svg') #005be0;
    background-size: cover;
    margin-bottom: 50px
    
}
.free-text{
    box-sizing: border-box;
    padding: 30px 0;
}
.free-text h2{
    font-size: 26px;
    text-align: center;
    color: white;
    font-weight: normal;

    margin: 40px 0; 
}

.free-text .free-box{
    color: white;
    text-align: center;
    width: 100px;
    line-height: 30px;
    margin: 0 auto;
    border: 1px solid white;
}
